<!DOCTYPE html>
<html>
<head>

	<style>
      html, body, #mapDiv {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
      .labels 
      {
	     color: red;
	     background-color: white;
	     font-family: "Lucida Grande", "Arial", sans-serif;
	     font-size: 10px;
	     font-weight: bold;
	     text-align: center;
	     width: 120px;     
	     border: 2px solid black;
	     white-space: nowrap;
	   }
    </style>
    
    <style type="text/css" title="currentStyle" media="screen">
    	@import "css/icons.css";
		@import "js/lib/extjs_4.2/resources/css/ext-all-neptune.css";
		@import "js/lib/extjs_4.2/resources/ext-theme-neptune/ext-theme-neptune-all.css";
	</style>
    <script type="text/javascript" src="js/lib/extjs_4.2/ext-all.js"></script>
	<script type="text/javascript" src="https://maps.googleapis	.com/maps/api/js?key=AIzaSyDIlsVbx5E4o83XxUUAj3T0mKd10wXeH9c&sensor=false&libraries=visualization&region=IN"></script>
	<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
	<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.5/src/markerwithlabel_packed.js"></script>
	<script type='text/javascript' src='js/sample/stores.js'></script>
	<script type='text/javascript' src='js/sample/functions.js'></script>
	<script type='text/javascript' src='js/sample/main.js'></script>
<meta charset="ISO-8859-1">
<title>Sample Demo Page</title>
</head>
<body>
	<div id="mapDiv"></div>
	<div id="statusDiv" style="overflow-y: scroll;overflow-x: hidden;height: 100%;padding: 10px;"></div>
</body>
</html>